<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<form action="#">
    <!-- value属性用来保存输入框的值，也可以用来设置输入框的默认值 -->
    <!-- value如果设置在按钮上，用来设置按钮上显示的文本 -->
    用户名：<input type="text" name="uname" value="达达"><br>
    密码1：<input type="password" name="upwd1" placeholder="请输入密码"><br>
    密码2：<input type="password" name="upwd2" placeholder="请输入密码" maxlength="6"><br>
    <!-- 单值属性：readonly：只读（只能看不能改） disabled：禁用（只能看不能改，且值不能提交）-->
    昵称1：<input type="text" name="nickname1" value="昵称1" readonly><br>
    昵称2：<input type="text" name="nickname2" value="昵称2" disabled><br>
    性别：
    <input type="radio" name="gender" value="1" checked> 男
    <input type="radio" name="gender" value="0"> 女
    <br>
    爱好:
    <input type="checkbox" name="like" value="cy">抽烟
    <input type="checkbox" name="like" value="hj">喝酒
    <input type="checkbox" name="like" value="tt" checked>烫头
    <input type="checkbox" name="like" value="java" checked>学Java
    <br>
    <!-- h5新增的一些input控件 -->
    生日：<input type="date" name="birthday"><br>
    幸运色：<input type="color" name="lc"><br>
    <!--取值范围【0-100】，默认值为50-->
    缩放：<input type="range" name="sz"><br>
    文件：<input type="file" name="uf"><br>
    喜欢的城市：
    <select name="city">
        <option value="bj">北京</option>
        <option value="nj" selected>南京</option>
        <option value="zh">珠海</option>
        <option value="cc">长春</option>
    </select>
    <br>
    <input type="checkbox" id="ok">
    <label for="ok">我同意以上协议</label>
    <br>
    <!--效果：点击文字时，关联的输入框直接获取焦点（获得输入的那个光标）-->
    <label for="uu">关联文字</label>
    <input type="text" placeholder="请输入" id="uu">
    <br>
    <!--多行文本域 -->
    留言板：<textarea name="content" rows="5" cols="30" style="resize: none">默认值</textarea>
    <br>
    <input type="submit" value="点我提交">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button>我是按钮</button>
</form>
</body>
</html>